*{
		    padding: 0px;
		    margin: 0px;
		 }
		
		.container{
		    width: 100%;
		    overflow: hidden;
		    /* background-color: gray; */
		    position: relative;
			background-color: white;
		}
		
		.list{
		    width: 100%;
			height: 190px;
		    list-style: none;
		     overflow: hidden;
		}
		.list::after{
		    content: "";
		    display: block;
		    clear: both;
		}
		
		.item{
		    width: 360px;
		    float: left;
		    overflow: hidden;
		}
		
		.item img{
		    width: 100%;
		    height: 187.5px;
		    display: block;
		} 
		
		.point{
		    position: absolute;
		    bottom: 10px;
		    list-style: none;
		    left: 50%;
			margin-top: 30px;
		    /* 在x负轴上移动 50% */
		    transform: translateX(-50%);
		}
		
		.point-item{
		    width: 8px;
		    height: 8px;
		    margin: 0px 5px;
		    background-color: black; /* white */
		    opacity: .2;
		    float: left;
		    border-radius: 100px;
		}
		
		/* 激活指示器 */
		.point-item.active {
		    opacity: 1;
		}

        /* 小表情样式 */
		.emojiImg.minImg {
			width: 32px;
			height:32px; 
			float: left; 
			margin-left: 16px; 
			margin-top: 16px; 
		}
		/* 大表情样式 */ 
		.emojiImg.bigImg {
			width: 64px;
			height:64px;  
			float: left; 
			margin-left: 20px;  
			margin-top: 14px;
		}
		
		
		
		.toast {
			position: fixed;
			z-index: 2000;
			left: 50%;
			top:60%;
			transition:all .5s;
			-webkit-transform: translateX(-50%) translateY(-50%);
			   -moz-transform: translateX(-50%) translateY(-50%);
				-ms-transform: translateX(-50%) translateY(-50%);
				 -o-transform: translateX(-50%) translateY(-50%);
					transform: translateX(-50%) translateY(-50%);
			text-align: center;
			border-radius: 5px;
			color:#FFF;
			background: rgba(17, 17, 17, 0.7);
			height: 45px;
			line-height: 45px;
			padding: 0 15px;
		}